<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<f:view contentType="text/html">
	<h:head>
		<meta http-equiv="Content-Type"
			content="text/html; charset=ISO-8859-1" />
		<title>Remember me</title>
	</h:head> 
	<h:body style="background-color: rgb(183, 219, 255)">
		<div
			style="position: relative; margin: auto; width: 1000px; ">

			<div>
				<div style="float: left">
					<img src="images/aaa.png" alt="" />
				</div>


				<div style="font-size: 9pt; float: right">
					<h:form>

						<h:panelGrid columns="3">
							<h:outputLabel value="E-mail:" />
							<h:outputLabel value="Senha:" />
							<h:outputLabel value="" />
							<p:inputText value="#{beanLogin.usuario.email}" size="15" />
							<p:password value="#{beanLogin.usuario.senha}" feedback="false"
								size="15" />
						</h:panelGrid>
						<h:panelGrid columns="3">
							<p:commandButton value="Entrar" action="#{beanLogin.login}"
								style="font-size: 10pt" ajax="false">
							</p:commandButton>

							<h:selectBooleanCheckbox value="#{beanLogin.checkLembrar}"
								style="padding-left:10px" />
							<h:outputLabel value="lembrar-me" />
						</h:panelGrid>
					</h:form>
				</div>
			</div>

			<div style="float: left; width: 1000px">
				
					<div style="float: left">
						<div style="width: 500px; padding-top: 50px">
							<h:outputText
								value="Remember Me é o jeito mais fácil de você organizar suas
			contas pessoais, ele é rápido e seguro."
								style="font-size: 20pt;" />
						</div>
						<div>
							<img src="images/celular.png" alt="" align="left" />
						</div>
						<div>
							<img src="images/tela_desktop.png" alt="" align="left" />
						</div>
					</div>

				<div style="float: right; padding-top: 150px">
					<h:form>
						<h:outputLabel value="Cadastro"
							style="font-size: 18pt;text-align:left" />
						<p:separator />
						<h:panelGrid columns="2">
							<h:outputLabel value="Nome:" />
							<p:inputText value="#{beanCadastro.usuario.nome}" required="true"
								requiredMessage="Insira seu nome" />
							<h:outputLabel value="E-mail:" />
							<p:inputText value="#{beanCadastro.usuario.email}"
								required="true" requiredMessage="Insira seu e-mail válido" />
							<h:outputLabel value="Senha:" />
							<p:password value="#{beanCadastro.usuario.senha}"
								required="true" requiredMessage="Insira uma senha"/>
						</h:panelGrid>
						<p:captcha publicKey="6Lfum8kSAAAAAN_7-OQ9IS0GB21Ptgq8E5QY3OCZ"
						required="true" requiredMessage="Insira corretamente as palavras"
						language="pt" />

						<p:commandButton value="Cadastrar" style="font-size: 15pt;margin-top:10px "
							action="#{beanCadastro.salvar}" update="msg " />
						<div style="font-size: 9pt">
							<p:messages id="msg" showDetail="true" showSummary="false" />
						</div>
					</h:form>
						
				</div>
			</div>

		</div>
		
	
	</h:body>
</f:view>
</html>